<div
  class="{{ getChangeStyle() }} po-badge po-badge-{{ size ? size : 'medium' }}"
  [class.po-badge-notification]="isNotification && !status"
  [class.po-badge-border]="showBorder"
  [attr.data-status]="status"
  [ariaLabel]="notificationLabel"
  [ngStyle]="customColor && !status ? { 'background-color': customColor } : {}"
>
  @if (!isNotification && size !== 'small' && badgeIcon && status !== 'disabled') {
    <po-icon [p-icon]="badgeIcon"></po-icon>
  }
  @if (value > 1) {
    <span class="po-badge-value" aria-hidden="true">{{ badgeValue }}</span>
  }
</div>
